@logo : "../img/logo/escudo_transparente.png";
@banner : "../img/logo/banner.png";
@fondo : "../img/logo/fondo.png";
@ancho_pagina : 860px;
@ancho_logo : 184px;

*{
	font-family: "Trebuchet MS", Arial, Sans-serif;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	letter-spacing: 0px;
	word-spacing: 0.08em;
	line-height: 18px;
}
body {
    /*background-image: url("@{fondo}") ;
    background-repeat : repeat;*/
    background-color : #4b6b83;
    text-align : center;
    margern : 0;
    color: #555555;
    font: 72.5%/1.7em "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;
}

/*div,css-panes {
	width: 820px;
	margin: 4px auto;
	padding: 6px 0px;
	text-align: center
}*/

.principal{
            margin: 0 auto;
            padding: 0 10px 10px;
            width: @ancho_pagina;     
    }
    
#banner {
        background-image : url( "@{banner}" ); 
        width : @ancho_pagina;
        height : @ancho_logo;
    }    
#enlaces
  {
    background-color: #F5F5F2;
    border: 1px solid black;
    height: 50px;
    position: relative;
    width: @ancho_pagina; 
  }
  
a:link {
    color: #FFFFF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #BA8F38;
}
a:hover {
	text-decoration: none;
	color: #BA8F38;
}
a:active {
	text-decoration: underline;
	color: #BA8F38;
}

.nav{
    width:@ancho_pagina - 20;
    padding-left:20px;
    height:37px;
    background: black;
}
.nav ul {
  margin:0;
  text-align:right;
  font-size:11px;
  font-weight:bold;
  padding-top:7px;
  list-style:none;
  }
.nav li {
  float:left;
  margin-right:10px;
  padding:0 0 0 15px;
    border-bottom:1px solid #ccc;
  }
.nav a {
  float:left;
  display:block;
  padding-top:5px;
  padding-right:20px;
  padding-bottom:7px;
  padding-left:6px;
  text-decoration:none;
  color:#FFFFFF;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.nav a {float:none;}
/* End IE5-Mac hack */
  .nav a:visited{
  color:#fff;
  text-decoration:none;
  }
  .nav a:hover {
  color:#FFF;
  text-decoration:underline;
  }
  
  // Panel de Usuario
#panel {
    background-color: #FFFFFF;
    border: 1px solid #385A7A;
    float: right;
    height: 200px;
    margin-right: 0;
    width: 250px;
}

#foto {
        float:left;
        border: 1px solid #385A7A;
        margin-left : 5px;
        margin-top: 5px;
    }

.panel_bienvenido
 {
   /* float:center;*/
    margin-top : 11px;
    margin-left: 66px;
    font-size  : 20px;
    position : relative;
 }
 
 .foto {
        height: 70px;
     }
 
 .usuario_logeado
   {
       color : #401c05;
       font-size : 12px;
   }

#panel_usuario {
        color : #401c05;
        /*float:left;*/
        margin-top : 14px;
       /* margin-left : 5px;*/
        font-size : 14px;
    }
#agregar_foto{
        float: left;
        margin-left : -69px;
        margin-top : 80px;
    }    
#opciones_usuario
  {
    float : left;
    margin-left : 45px;
    margin-top : 24px;
    text-align: justify;
    position : absolute;
  }
    
    /* Pael del Calendario*/
    
#calendario {
    clear : both;
    float: right;
    margin-left : 609px;
    margin-right : -206px;
    margin-top : 209px;
    position : absolute;
}
 
#fecha_seleccionada {
}
 
#fecha_seleccionada span {
}    
   
 
    